<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core">
   
    <h:body>
        <ui:composition template="master.xhtml">
      
            <ui:define name="content">
                <h:form>
                    First name:    
                    <h:inputText required="true" value="#{votePM.fName}"
                                 requiredMessage="First name required" 
                                 id="registration_fname"/> 
                    
                    <h:message for="registration_fname" id="login_info_required3"/><br />

                     Last name
                     <h:inputText required="true" value="#{votePM.lName}" 
                                  requiredMessage="Last name required" 
                                  id="registration_lname"/>  
                     <h:message for="registration_lname" id="login_info_required4"/><br />

                     Email: 
                    <h:inputText required="true" value="#{votePM.email}"           
                                 requiredMessage="Email required" 
                                 id="registration_email"/>    
                    <h:message for="registration_email" id="login_info_required5"/><br />
                     
                    Password:  
                    <h:inputSecret required="true" redisplay="false" 
                                   value="#{votePM.pw}" id="passwordField"
                                   requiredMessage="Password required" 
                                   validatorMessage="minimum length 8">
                                   <f:validateLength minimum="8" />
                    </h:inputSecret>      
                    <h:message for="RegField3" style="color:aqua"/><br />
                    
                    <h:commandButton value="register" action="#{votePM.addUser}"/>
                </h:form>
            </ui:define>
             <ui:define name="leftbar"></ui:define>
             <ui:define name="top">    
                 <div id="header_logo">
                    Votenetwork
                </div>
             </ui:define>
        </ui:composition>   
    </h:body>
</html>
